<%@page contentType="text/html" pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <%@include file="template/declareframework.html" %>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#frmLogin").validate();
            });
        </script>
        <title>Home page</title>
        <style type="text/css">
            <!--
            .style1 {color: #FFFFFF}
            -->
            #frmLogin{
                margin-top: 60px;
                margin-left: 20px;
            }
            .footer{
                float-top:20px;
            }
        </style>
    </head>

    <body>
        <div class="body">
            <%@include file="template/header.html" %>
            <%@include file="template/loginform.html" %>
            <a href="#"><div class="advert"></div></a>
            <a href="#"><div class="about"></div></a>
            <a href="#"><div class="for_sale"></div></a>
            <div class="cats">
                <div class="title_color style1"> <strong>Information Technology</strong></div>
                <div class="cats_content">
                    <div class="images">
                        <p><img src="images/Business-Information-Technology.jpg" alt="it" width="123" height="123" /></p>
                    </div>
                    <p>- <a href="#">New from Microsoft Window 8</a></p>
                    <p>- <a href="#">Steve Jobs Stories</a></p>
                    <p>- <a href="#">Famous Bussiness Person</a></p>
                    <p>- <a href="#">Java Programming Language</a></p>
                    <p>- <a href="#">C# Tutorial</a></p>
                    <p>- <a href="#">Other..</a></p>
                </div>
            </div>
            <div class="cats">
                <div class="title_color style1"> <strong>Arts and Commerce</strong></div>
                <div class="cats_content">
                    <div class="images">
                        <p><img src="images/ecommerce.jpg"alt="it" width="123" height="123" /></p>
                    </div>
                    <p>- <a href="#">About Robbins</a></p>
                    <p>- <a href="#">America Music Award </a></p>
                    <p>- <a href="#">Economic Crisis</a></p>
                    <p>- <a href="#">International Music Award</a></p>
                    <p>- <a href="#">Rate Securities</a></p>
                    <p>- <a href="#">Other... </a></p>
                </div>
            </div>
            <div class="cats">
                <div class="title_color style1"> <strong>Management</strong></div>
                <div class="cats_content">
                    <div class="images">
                        <p><img src="images/pmp.gif" alt="it" width="123" height="123" /></p>
                    </div>
                    <p>- <a href="#">Project Manager</a></p>
                    <p>- <a href="#">Working With Group</a></p>
                    <p>- <a href="#">Practice skills</a></p>
                    <p>- <a href="#">Training Courses</a></p>
                    <p>- <a href="#">Development Management Skill</a></p>
                    <p>- <a href="#">Other... </a></p>
                </div>
            </div>
            <div class="cats">
                <div class="title_color style1"> <strong>Foreign Languages</strong></div>
                <div class="cats_content">
                    <div class="images">
                        <p><img src="images/stock-vector-greetings-in-ten-languages-51825088.jpeg"alt="it" width="123" height="123" /></p>
                    </div>
                    <p>- <a href="#">First Meeting!</a></p>
                    <p>- <a href="#">How to answer Yes/No Question</a></p>
                    <p>- <a href="#">How to use Have/Has</a></p>
                    <p>- <a href="#">Simple Past Tence</a></p>
                    <p>- <a href="#">Effortless English</a></p>
                    <p>- <a href="#">Other... </a></p>
                </div>
            </div>
        </div>        
        <%@include file="template/footer.html" %>
    </body>
</html>
